<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>YEEKIT文档翻译</title>
		<meta name="keywords" content="YEEKIT,文档翻译,word翻译,论文翻译,pdf翻译,翻译工具,在线翻译,机器翻译">
		<meta name="description" content="YEEKIT是强大的免费工具平台，通过亿万级专业语料库和大数据技术为用户提供机器翻译、YEEKIT文档翻译、CAT辅助翻译、语料管理、YEEKIT网页翻译、多语字幕制作翻译软件——字幕通、开放API等服务。">
		<link rel="shortcut icon" type="image/x-icon" href="logo.png" />
		<link rel="stylesheet" href="./lib/bootstrap.min.css">
		<link rel="stylesheet" href="./font_698860_17hej2il3m1jor/iconfont.css">
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/state.css">
		<link rel="stylesheet" href="./css/translate.css">
		<link rel="stylesheet" href="./css/media.css">
	</head>

	<body>

		<div class="header">
			<div class="header-main container">
				<div class="header-left">
					<a href="index.html" class="logo-img"></a>
				</div>
				<div class="change-password-text" id="changePassword" style="display: none">
					<span >修改密码</span>
				</div>
				<div class="header-right">
					<div class="header-right" id="header_Land" style="width:100%">
						<span style="display: none">注&nbsp;&nbsp;册</span>
						<span>登&nbsp;&nbsp;录</span>
					</div>
					<div id="user_list" class="user_list">
						<div><img src="img/avatar.png" alt=""></div>
						<ul>
							<li style="color:#fff" title="">
							</li>
						</ul>
						<ul id="header-right_list">
							<li>
								<a href="MyFile.html" style="
								    display: inline-block;
								    width: 100%;
								"><span class="iconfont"></span>我的文档</a>
							</li>
							<li id="logout">
								<span class="iconfont">&#xe78c;</span>
								<span>退出</span>
							</li>
						</ul>
					</div>

				</div>
				<div class="header-center artificial">
					<a href="index.html">文档翻译</a>
					<a href="translate.html">机器翻译</a>
				</div>
				</div>
		</div>
		</div>
		<div class="content">
			<div class="change-password" id="changePasswordWindow" style="display: none">
				<div class="change-password-head">
					修改密码
					<div class="close-button"  style="margin-left: 33%" id="closeButton"></div>
				</div>
				<div class="change-password-body">
					<div class="change-password-input" style="margin-left: 51px;">
						<span class="change-password-title" style="margin-left: 24px;">旧密码:</span>
						<input type="password"  class="change-password-title-input" placeholder="请输入旧密码" style="width: 65%;" id="oldPassword"
							   onblur="validationOldPassword()"/>
						<div class="error" v-show="isOldPasswordErrorShown" style="margin-left: 90px;display: none" id="isOldPasswordErrorShown">
							旧密码不能为空
						</div>
					</div>
					<div class="change-password-input" style="margin-left: 51px;">
						<span class="change-password-title" style="margin-left:24px">新密码:</span>
						<input type="password" class="change-password-title-input" placeholder="请输入密码" style="width: 65%;" id="newPassword"
							   onblur="verifyNewPassword()"/>
						<div class="error"  style="margin: 3px 0 0% 86px;" id="isNewPassWordErrorShown">
						</div>
					</div>
					<div class="change-password-input" style="margin-left: 51px;">
						<span class="change-password-title">确认密码:</span>
						<input type="password"  class="change-password-title-input" placeholder="请输入确认密码" style="width: 65%;" id="confrimPassword"
							   onblur="validationNewPassword()"/>
						<div class="error"  style="margin-left: 90px;display: none" id="isConfrimNewPasswordErrorShown">
							两次密码不一致
						</div>
					</div>
					<div class="change-password-button">
						<div class="cancel">
							取消
						</div>
						<div class="confirm" onclick="uploadPassword()">
							确定
						</div>
					</div>
				</div>
			</div>
			<div class="translate-nav clrfix">
				<div id="srcLangTypes" class="langue">
					<div id="srcLangMore" class="elements-wrap">
						<div  class="elements-text">源文语言: <span id="srcLangText">中文简体</span></div>
						<div class="elements-icon"><i class="icon-down"></i></div>
					</div>
					<div id="srcLangMoreOption" class="popup-wrap">
						<div class="popup-box">
							<div class="popup-main">
								<div class="popup-line"></div>
								<div class="popup-content">
									<div class="popup-detail">
										<ul class="clrfix" id="srcLanBox">
											<li>
												<dl>
													<dd>阿拉伯语</dd>
													<dd>爱沙尼亚语</dd>
													<dd>波兰语</dd>
													<dd>保加利亚语</dd>
												</dl>
											</li>
											<li>
												<dl>
													<dd>丹麦语</dd>
													<dd>俄语</dd>
													<dd>德语</dd>
													<dd>法语</dd>
													<dd>芬兰语</dd>
												</dl>
											</li>
											<li>
												<dl>
													<dd>荷兰语</dd>
													<dd>韩语</dd>
													<dd>捷克语</dd>
													<dd>克罗地亚语</dd>
													<dd>挪威语</dd>
												</dl>
											</li>
											<li>
												<dl>
													<dd>葡萄牙语</dd>
													<dd>日语</dd>
													<dd>瑞典语</dd>
													<dd>斯洛伐克语</dd>
													<dd>塞尔维亚语</dd>
													<dd>斯洛文尼亚语</dd>
													<dd style="color: rgb(219, 219, 219);">土耳其语</dd>
													<dd style="color: rgb(219, 219, 219);">泰语</dd>
												</dl>
											</li>
										</ul>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<a class="exchange-btn">
					<span class="glyphicon glyphicon-arrow-right"></span>
				</a>
				<div id="destLangTypes" class="langue">
					<div id="destLangMore" class="elements-wrap">
						<div class="elements-text" >译文语言:<span id="destLangText" >英文</span></div>
						<div class="elements-icon"><i class="icon-down"></i></div>
					</div>
					<div id="destLangMoreOption" class="popup-wrap">
						<div class="popup-box">
							<div class="popup-main">
								<div class="popup-line"></div>
								<div class="popup-content">
									<div class="popup-detail">
										<ul class="clrfix"  id="destLanBox">
											<li>
												<dl>
													<dd>阿拉伯语</dd>
													<dd>爱沙尼亚语</dd>
													<dd>波兰语</dd>
													<dd>保加利亚语</dd>
												</dl>
											</li>
											<li>
												<dl>
													<dd>丹麦语</dd>
													<dd>俄语</dd>
													<dd>德语</dd>
													<dd>法语</dd>
													<dd>芬兰语</dd>
												</dl>
											</li>
											<li>
												<dl>
													<dd>荷兰语</dd>
													<dd>韩语</dd>
													<dd>捷克语</dd>
													<dd>克罗地亚语</dd>
													<dd>挪威语</dd>
												</dl>
											</li>
											<li>
												<dl>
													<dd>葡萄牙语</dd>
													<dd>日语</dd>
													<dd>瑞典语</dd>
													<dd>斯洛伐克语</dd>
													<dd>塞尔维亚语</dd>
													<dd>斯洛文尼亚语</dd>
													<dd style="color: rgb(219, 219, 219);">土耳其语</dd>
													<dd style="color: rgb(219, 219, 219);">泰语</dd>
												</dl>
											</li>

										</ul>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<a  class="translate-btn" id="translate-btn">翻译</a>
			</div>
			<div id="trans_box">
				<div class="left">
					<textarea id="srcWords" style="text-align:left;" maxlength="2000" ></textarea>
					<div style="text-align: right">
						<span id="textareaInputNumber">0</span>
						<span>/2000</span>
					</div>
				</div>
				<div class="right">
					<textarea id="destWords"></textarea>
				</div>
			</div>

		</div>
		<!--footer-->

		</div>
		<footer>
			<div class="footer">
				<p>中译语通科技股份有限公司 Chinese(Simplified)</p>
				<p>Copyright 2019 www.yeekit.com All rights reserved. 京ICP备13002826号-6</p>
			</div>
		</footer>
		</div>
		<!-- 登录_注册 -->
	<div class="box">
			<div class="Land">
				<p class="Close">x</p>
				<ul class="state">
					<li id="login-box">登录</li>
					<!--li id="register-box">注册</-->
				</ul>

				<div class="LandingInformation centerbox">
					<form id="login-form">
						<p>
							<span class="glyphicon glyphicon-phone"></span>
							<input type="text" placeholder="输入用户名" id="login-phone" name="username">
						</p>
						<p>
							<span class="glyphicon glyphicon-ok-circle"></span>
							<input type="text" placeholder="输入验证码" name="imageCode" style="width:70%" id="login-imageCode">
							<img src="" id="login-change" onclick="getImage(0)" />
							<img src="img/loading.gif" class="loading_img" style="display: none;">
						</p>
						<p>
							<span class="glyphicon glyphicon-lock"></span>
							<input type="password" placeholder="输入密码" id="login-password" name="password">
						</p>
						<input type="hidden" name="loginmode" value="2" />
					</form>
					<button type="button" id="Land" class="postBut">登录</button>
				</div>

				<div class="LandingInformation centerbox" style="display: none">
					<form id="registered-form" onsubmit="return false;">
						<p>
							<span class="glyphicon glyphicon-phone"></span>
							<input type="text" placeholder="输入用户名" id="phone" name="username">
						</p>
					<!--	<p>
							<span class="glyphicon glyphicon-ok-circle"></span>
							<input type="text" placeholder="输入验证码" id="Verification" name="imageCode" style="width:70%">
							<img src="" id="image-change" onclick="getImage(1)" />
							<img src="img/loading.gif" class="loading_img" />
						</p>-->
						<p>
							<span class="glyphicon glyphicon-lock"></span>
							<input type="password" placeholder="输入不少于6位的密码" id="Password" name="password">
						</p>
						<!--<div class="checkbox">
							<label>
                                  <input type="checkbox"  value="on" checked  id="pro_checkbox">
                                  <span>我已阅读并同意</span>
						          <a href="protocal.html" target="_blank">《文档翻译用户协议》</a>
							</label>
						</div>-->
					</form>
					<button type="button" id="register" class="notCheck" disabled="disabled">注册</button>
				</div>
			</div>
		</div>

	</body>

	<!--script src="lib/statistical.js"></script-->
	<script src="lib/jquery.min.js"></script>
	<script src="lib/bootstrap.min.js"></script>
	<script src="font_698860_17hej2il3m1jor/iconfont.js"></script>
	<script src="js/common.js"></script>
	<script src="js/translate.js"></script>

	<script>
        $("#2").click(function () {
            $("#srcWords").css("textAlign", "left");
            console.log(1);
        });
		$("#header_Land > span").click(function() {
			$('.state').show();
			var i = 1 - $("#header_Land > span").index(this);
			showLogin(i);
		})

		//        关闭
		$(".Close").click(function() {
			$(".box").hide();
			$(".header").css("opacity", "1")
		})

		$(".language-button").click(function(e) {
			var traget = $(this).attr('data-target');
			$(traget).slideToggle();
			return false;
		})
		$("body").click(function(e) {
			$("#dest-more").hide();
			$("#src-more").hide();
		})
	</script>

</html>
